import axios from 'axios'
import { Message } from 'element-ui'
import store from '@/store'
import router from '@/router'
import i18n from '@/lang'
const request = axios.create({
  baseURL: process.env.VUE_APP_URL,
  timeout: 5000

  // 同原加cookie，否则要写为true
  // withCredentials: true
})

// 添加请求拦截器
request.interceptors.request.use(function(config) {
  // 在发送请求之前做些什么

  // 统一请求头传参
  config.url = config.url + '?lang=' + i18n.locale
  // config.url = `${config.url} ?lang= ${i18n.locale}`

  // 有token才统一token
  // configs所有请求信息，找到刚刚的变量值是否需要携带token
  if (store.state.user.token) {
    config.headers.Authorization = `Bearer ${store.state.user.token} `
  }
  // console.log(config)

  return config
}, function(error) {
  // 对请求错误做些什么

  return Promise.reject(error)
})

// 添加响应拦截器
request.interceptors.response.use(function(response) {
  // 有的请求会错误，状态码会低于300，就不会响应错误
  if (response.data.success) {
    // 竟然状态码判断不了错误，就用success是否为布尔值
    // 成功返回数据
    return response
  } else {
    // 失败则提示错误信息
    Message.success(response.data.message)

    // 因为返回了reject（错误）所以 终止.then执行
    // 一旦返回了错误 .then就不会执行
    // 也可以返回控制台错误信息
    return Promise.reject(new Error(response.data.message))
  }

  // 对响应数据做点什么
}, function(error) {
  // 解决token失效
  if (error.response.status === 401) {
    // 跳login
    router.push('/login')
    // 删除token
    store.commit('user/delesgrxx')
    // 提示
    Message.success(error.response.data.message)
  }

  console.log(error)

  // 对响应错误做点什么
  Message.success(error.response.data.message)

  console.dir(error)

  return Promise.reject(error)
})

export default request
